import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { VantResolver } from '@vant/auto-import-resolver'

export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [VantResolver()],
      imports: ['vue'],
    }),
    Components({
      resolvers: [VantResolver()],
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
  css: {
    preprocessorOptions: {
      less: {
        globalVars: {
          'default-color': 'pink', // 全局默认背景色

          'background-color-01': '#f7f8fa', // 背景色01
          'background-color-02': '#f2f3f5', // 背景色02

          'border-color-01': '#ededf0', // 边框线色01
          'border-color-02': '#dcdeed', // 边框线色02

          'text-color-01': '#323233', // 文字色01
          'text-color-02': '#646566', // 文字色02
          'text-color-disable': '#cbc9cc', // 文字色（disable、提示文字等）
          'text-color-tips': '#969799', // 文字色（辅助、说明文字等）

          'color-success': '#07c160', // 成功色
          'color-error': '#ee0a24', // 报错色

        },
      },
    },
  },
  server: {
    host: '0.0.0.0',
    open: true,
    port: 8989,
  },
})
